<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<script src="../lib/vue.min.js"></script>
</head>
<body>
    <div id="box">
       <button @click="methodA()">click</button>

       
    
    </div>	


    <script type="text/javascript">
      function mymethod(){
        console.log("复杂计算")
      }    
    
      var myobj = {
        methods:{
          methodA:mymethod
        }
      }



      new Vue({
        el:"#box",
        data:{

        },
        mixins:[myobj]
      })

      // var obj1= {
      //   name:"kerwin"
      // }
      // var obj2= {
      //   age:100
      // }

       /*
        vnode   vdom
        虚拟dom  virtual dom virtual node
        虚拟节点

        用js对象 模拟的真实dom节点
       */
    </script>
</body>
</html>